<template>
  <div :class="$style.wrapper" :style="{ backgroundColor: backgroundColor }">
    <p v-for="desc in description.split('\n')">
      {{desc}}
    </p>
  </div>
</template>
<script>

export default {
  name: 'Intro',
  props: {
    backgroundColor: String,
    description: String,
  },
}
</script>

<style lang="scss" module>
  .wrapper {
    padding: 12px;
    margin-bottom: 4px;
    width: 100%;
    overflow: hidden;
  }
</style>
